import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path' // 需要安装的插件@types/node

// 中文版： https://cn.vitejs.dev/config/
export default defineConfig({
    plugins: [vue()],
    server: {
        open: true, // 自动打开浏览器
        port: 8080,
        host:'0.0.0.0',
        strictPort: false, // 若端口被占用,是否直接结束项目
        https: false, // 是否开启 https
        // 方案1 使用代理，target替换域名 域名
        proxy: {
            '/dl': {
                target: 'https://internal-test.51hgp.com',  //API服务地址
                changeOrigin: true, //开启跨域
                rewrite: (path) => path.replace(/^\/dl/, '')
            },
            '/api3': {
                target: 'http://localhost:3000',
                changeOrigin: true, //开启跨域
                rewrite: (path) => path.replace(/^\/api3/, '')
            }
        },
        // 方案2 使用代理，target替换域名， 域名+/apigb
        // proxy: {
        //     '/dl': {
        //         target: 'https://internal-test.51hgp.com/apigb',  //API服务地址
        //         changeOrigin: true, //开启跨域
        //         rewrite: (path) => path.replace(/^\/dl/, '')
        //     }
        // }
    },
    css: {
        preprocessorOptions: {
            scss: {
                // 全局引入scss文件, 无需在每个组件中再次手动导入
                additionalData: '@use "./src/assets/style/common.scss" as *;'
            }
        }
    },
    resolve: {
        // 配置项目路径别名，在开发时不需要写完整的路径名称，需要安装 @types/node，执行命令npm i -D @types/node --save-dev即可
        alias: {
            "@": path.resolve(__dirname, "src"),
            "@api": path.resolve(__dirname, "src/api"),
            "@store": path.resolve(__dirname, "src/store"),
            "@views": path.resolve(__dirname, "src/views"),
            "@utils": path.resolve(__dirname, "src/utils"),
            "@assets": path.resolve(__dirname, "src/assets"),
            "@components": path.resolve(__dirname, "src/components"),
        },
    },
})
